<template>
  <Form :label-width="90">
    <FormItemPanel title="绘图网格">
      <FormItem label="左边距">
        <Input size="small" v-model="grid.left"/>
      </FormItem>
      <FormItem label="上边距">
        <Input size="small" v-model="grid.top"/>
      </FormItem>
      <FormItem label="右边距">
        <Input size="small" v-model="grid.right"/>
      </FormItem>
      <FormItem label="下边距">
        <Input size="small" v-model="grid.bottom"/>
      </FormItem>
      <FormItem label="是否含坐标轴">
        <i-switch size="small" v-model="grid.containLabel"></i-switch>
      </FormItem>
    </FormItemPanel>
  </Form>
</template>

<script>
export default {
  name: "EchartsGridConfigForm",
  props: {
    value: {
      type: Object,
      default () {
        return {}
      }
    },
  },
  data() {
    return {
      grid: this.value
    }
  },
  mounted() {

  },
  methods: {},
  computed: {},
  watch: {
    value (val) {
      this.grid = val;
    }
  }
}
</script>

<style scoped>

</style>
